<!DOCTYPE html>
<html rem="750">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的首页</title>
    <link rel="stylesheet" href="./css/u-reset.css">
    <link rel="stylesheet" href="./font/iconfont.css">
    <link rel="stylesheet" href="./css/public.css">
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
    <header><i class="iconfont icon-close"></i>我的 <i class="iconfont icon-gengduo"></i> </header>
    <!-- 个人信息 开始 -->
    <div class="personal">
        <div class="per-pic">
            <img src="./img/person.png" alt="">
        </div>
        <div class="per-info">
            <h2>咕噜噜呼啦啦</h2>
            <p>微信用户</p>
        </div>
        <img src="./img/code.jpg" alt="" class="code">
    </div>
    <!-- 个人信息 结束 -->
    <!-- 列表 开始 -->
    <ul class="list">
        <li>
            <a href="">
                <i class="iconfont icon-dingdan"></i>
                <span>我的订单</span>
            </a>
        </li>
        <li>
            <a href="">
                <i class="iconfont icon-wenjian"></i>
                <span>我的收藏</span>
            </a>
        </li>
        <li>
            <a href="">
                <i class="iconfont icon-jifen"></i>
                <span>我的积分</span>
            </a>
        </li>
        <li>
            <a href="">
                <i class="iconfont icon-youhuijuan"></i>
                <span>优惠券</span>
            </a>
        </li>
        <li>
            <a href="">
                <i class="iconfont icon-shijian"></i>
                <span>退货/换货</span>
            </a>
        </li>
        <li>
            <a href="">
                <i class="iconfont icon-lipinqia"></i>
                <span>礼品卡</span>
            </a>
        </li>
        <li>
            <a href="">
                <i class="iconfont icon-anquan"></i>
                <span>账号安全</span>
            </a>
        </li>
        <li>
            <a href="">
                <i class="iconfont icon-lianxikefu"></i>
                <span>联系客服</span>
            </a>
        </li>
        <li>
            <a href="">
                <i class="iconfont icon-dizhi"></i>
                <span>地址管理</span>
            </a>
        </li>
        <li>
            <a href="">
                <i class="iconfont icon-help"></i>
                <span>帮助中心</span>
            </a>
        </li>
        <li>
            <a href="">
                <i class="iconfont icon-shezhi"></i>
                <span>设置</span>
            </a>
        </li>
        <li>
            <a href="">
                <i class="iconfont icon-fankui"></i>
                <span>用户反馈</span>
            </a>
        </li>
    </ul>
    <!-- 列表 结束 -->
    <!-- 切换 开始 -->
    <div class="switch">
        <a href=""><span>切换账号</span></a>
    </div>
    <!-- 切换 结束 -->
    <!-- 底部 开始 -->
    <footer>
        <ul>
            <li>
                <a href="./index.html">
                    <i class="iconfont icon-house"></i>
                    <span>首页</span>
                </a>
            </li>
            <li>
                <a href="./class.html">
                    <i class="iconfont icon-category"></i>
                    <span>分类</span>
                </a>
            </li>
            <li>
                <a href="./shopcar.html">
                    <i class="iconfont icon-gouwuche"></i>
                    <span>购物车</span>
                </a>
            </li>
            <li>
                <a href="" class="active">
                    <i class="iconfont icon-people"></i>
                    <span>我的</span>
                </a>
            </li>
        </ul>
    </footer>
    <!-- 底部 结束 -->
</body>
</html>